﻿body {
    display: block;
    margin: 0px;
    background-color: #FFF;
    color: #444;
    font-family: Verdana;
    font-size: 10pt;
    background-image: url('../../Content/img/bg_repite.jpg');
    background-repeat: repeat-x;
}

div#dvTop {
    display: block;
    height: 80px;
    width: 100%;
}

div#dvLogo {
    display: block;
    float: left;
    height: 80px;
    width: 300px;
    background-image: url('../../Content/img/logo.png');
}

div#dvBannerTop {
    display: block;
    float: right;
    width: 480px;
    height: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFF;
    font-size: 20pt;
    text-align: center;
    vertical-align: middle;
}

div#dvCuerpo {
    display: block;
    margin: auto;
    width: 99%;
    min-width: 800px;
}

div#dvIzquierda {
    display: block;
    float: left;
    width: 200px;
    margin-top: 20px;
}


div#dvPrincipal {
    display: block;
    float: right;
    width: 100%;
    margin-top: 20px;
}

div.dvExpresionContenedor {
    display: block;
    width: 500px;
    height: 30px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 2px;
}

#expresion {
    display: block;
    float: left;
    font-size: 15pt;
    border: 1px solid #666;
    text-align: center;
}

.clCorrecto {
    background-color: #b4ff94;
    color: #333;
}

.clIncorrecto {
    background-color: #ffc6c6;
    color: #333;
}

.clPendiente {
    background-color: #FFF;
    color: #CCC;
}

.clCargador {
    display: block;
    float: left;
    width: 24px;
    margin: 2px;
    height: 24px;
}

div.dvFranja {
    display: block;
    width: 100%;
    margin: auto;
    background-image: url('../../Content/img/capa_repite.jpg');
    background-position: top;
    background-repeat: repeat-x;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18pt;
    color: #444;
}

div.dvTituloFranja {
    display: block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 11pt;
    color: #600;
    text-align: left;
}

table.tbTablaVerdad {
    margin: auto;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 10pt;
}

    table.tbTablaVerdad tr {
        padding: 0px;
        margin: 0px;
    }

    table.tbTablaVerdad td, table.tbTablaVerdad th {
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        margin: 0px;
        padding: 4px;
        text-align: center;
    }

        table.tbTablaVerdad td:last-child, table.tbTablaVerdad th:last-child {
            border-right: 1px solid #DDD;
        }

    table.tbTablaVerdad th {
        background-color: #FD9609;
        color: #333;
        white-space: nowrap;
    }

    table.tbTablaVerdad tr:nth-child(2n+1) td {
        background-color: #DDD;
    }

    table.tbTablaVerdad td {
        background-color: #FFF;
        color: #333;
    }

    table.tbTablaVerdad tr:hover td {
        background-color: #600;
        color: #FFF;
        cursor: pointer;
    }

h1, h2, h3 {
    color: #600;
}

a:link, a:visited {
    color: #600;
    text-decoration: none;
}

div.dvFranja > .clOculto, img.clOculto {
    display: none;
}
